<ion-header>
  <ion-navbar hideBackButton="true">

    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>

    <ion-title>
      首页
    </ion-title>

    <!-- <ion-buttons end>
      <button ion-button icon-only (click)="logout()">
        <ion-icon name="options"></ion-icon>
      </button>
    </ion-buttons> -->

    <!-- <ion-title>

      <span class="logout" (click)="logout()">退出</span>
    </ion-title> -->
  </ion-navbar>
</ion-header>

<ion-content class="home">
  <div>
    <ion-slides *ngIf="slideList.length>0" autoplay="3000" loop="true" style="height: auto">
      <ion-slide (click)="toAqzs(l)" *ngFor="let l of slideList">
        <img src="{{l.urlpath}}">
      </ion-slide>
    </ion-slides>
  </div>

  <div class="wy_work_program">
    <div class="wy_title">
      <p>基本信息<span style="font-size: 13px">（{{appType}}）</span></p>
    </div>
    <div class="wy_item">
      <div class="userinfo">
        <span *ngIf="user">{{user.userName}} </span>
        <span class="st-icon-pandora"> - </span>
        <span *ngIf="user">
          {{user.roleName}}</span>
        <span *ngIf="user"> -
          {{user.cardType}}</span>
      </div>
      <div class="userinfo">
        <span *ngIf="user">{{user.partyName}} </span>
      </div>
      <div *ngIf="partyType != 4" class="userinfo">
        <span>系统积分：</span><span> {{mark}}</span>
      </div>
      <!--<div *ngIf="partyType != 4" class="userinfo">
        <span>系统等级：</span><span> {{grade}}</span>
      </div>-->
    </div>
  </div>

  <!--<img (click)="toAqzs()" src="{{imgUrl}}" width="100%">
  <p class="gxhs"></p>-->
  <!-- <marquee loop="-1" bgcolor="powderblue">{{gxhs}}</marquee> -->
  <!-- 物业 -->
  <div *ngIf="partyType=='2'&&roleId=='5'" class="wy_work_program">
    <div class="wy_title">
      <p>工作项目</p>
    </div>
    <div class="wy_item">
      <ul class="clearfloat">
        <li (click)="doScan('9')">
          <img src="assets/wy_icon/icon_polling@2x.png" alt="">
          <span>巡检</span>
        </li>
        <!--<li (click)="doScan('11')">
          <img src="assets/wy_icon/icon_service@2x.png" alt="">
          <span>维修确认</span>
        </li>-->
        <li (click)="doScan('6')">
          <img src="assets/wy_icon/icon_sos@2x.png" alt="">
          <span>应急救援</span>
        </li>
        <li (click)="doScan('14')">
          <img src="assets/wy_icon/rehearse@2x.png" alt="">
          <span>救援演练</span>
        </li>
        <li (click)="doScan('13')">
          <img src="assets/wy_icon/icon_repair@2x.png" alt="">
          <span>召修</span>
        </li>
        <li (click)="more('2')">
          <img src="assets/wy_icon/icon_info@2x.png" alt="">
          <span>资讯</span>
        </li>
      </ul>
    </div>
  </div>

  <!--维保管理人员-->
  <div *ngIf="partyType=='1'&&roleId=='17'" class="wb_work_program">
    <div class="wb_title">
      <p>工作项目</p>
    </div>
    <div class="wb_item">
      <ul class="clearfloat">

        <li (click)="toPlanList('0')">
          <img src="assets/wy_icon/icon_polling@2x.png" alt="">
          <span>未完成检查</span>
        </li>
        <li (click)="toFinish()">
          <img src="assets/wy_icon/icon_service@2x.png" alt="">
          <span>已完成检查</span>
        </li>
        <li (click)="more('2')">
          <img src="assets/wb_icon/icon_sos@2x.png" alt="">
          <span>资讯</span>
        </li>
      </ul>
    </div>
  </div>

  <!-- 维保人员 -->
  <div *ngIf="partyType=='1'&&roleId=='7'" class="wb_work_program">
    <div class="wb_title">
      <p>工作项目</p>
    </div>
    <div class="wb_item">
      <ul class="clearfloat">
        <li (click)="doScan('1')">
          <img src="assets/wb_icon/banyuebao@2x.png" alt="">
          <span>半月保</span>
        </li>
        <li (click)="doScan('2')">
          <img src="assets/wb_icon/jidubao@2x.png" alt="">
          <span>季度保</span>
        </li>
        <li (click)="doScan('3')">
          <img src="assets/wb_icon/bannianbao@2x.png" alt="">
          <span>半年保</span>
        </li>
        <li (click)="doScan('4')">
          <img src="assets/wb_icon/nianbao@2x.png" alt="">
          <span>年保</span>
        </li>
        <li (click)="doScan('5')">
          <img src="assets/wb_icon/repair@2x.png" alt="">
          <span>维修</span>
        </li>
        <li (click)="doScan('12')">
          <img src="assets/wb_icon/icon_service@2x.png" alt="">
          <span>报修</span>
        </li>
        <li (click)="doScan('15')">
          <img src="assets/wy_icon/icon_polling@2x.png" alt="">
          <span>年度自检</span>
        </li>
        <li (click)="cache()">
          <img src="assets/wy_icon/icon_info@2x.png" alt="">
          <span>暂存</span>
        </li>
        <li (click)="more('2')">
          <img src="assets/wb_icon/icon_sos@2x.png" alt="">
          <span>资讯</span>
        </li>
      </ul>
    </div>
  </div>

  <!-- 监管 -->
  <div *ngIf="partyType=='4'" class="wy_work_program">
    <div class="wy_title">
      <p>工作项目</p>
    </div>
    <div class="wy_item">
      <ul class="clearfloat">
        <li (click)="toPlanList('0')">
          <img src="assets/wy_icon/icon_polling@2x.png" alt="">
          <span>未完成检查</span>
        </li>
        <li (click)="toPlanList('1')">
          <img src="assets/wy_icon/icon_service@2x.png" alt="">
          <span>已完成检查</span>
        </li>
        <li (click)="more('2')">
          <img src="assets/wy_icon/icon_info@2x.png" alt="">
          <span>资讯</span>
        </li>
      </ul>
    </div>
  </div>

  <div>
    <div class="notify">
      <div class="head">
        <span>
          <img src="assets/icon/home_inform.png">待办及提醒</span>
        <span style="color:#979797">共: {{noticeTotal}}条</span>
        <span (click)="more('1')">查看更多
          <img src="assets/icon/home_enter.png">
        </span>
      </div>
      <ion-item class="cont" *ngFor="let l of noticeList;index as idx" (click)="noticeDetail(l,idx)">
        <!-- <div [ngClass]="{'borderLeft': idx == borderIdx }"> -->
        <p style="">{{l.title}}</p>
        <span>{{l.noticeTime | timeTrans}}</span>

        <!-- </div> -->
        <ion-icon name="ios-arrow-forward" item-right></ion-icon>
      </ion-item>
    </div>
    <div class="xian">
    </div>
    <div *ngIf="partyType=='4' || partyType=='3' || (partyType=='1'&&roleId!='7')|| (partyType=='2'&&roleId!='5')"
      class="info">
      <div class="head">
        <span>
          <img src="assets/icon/home_hot.png">热门资讯</span>
        <span></span>
        <span (click)="more('2')">查看更多
          <img src="assets/icon/home_enter.png">
        </span>
      </div>
      <div class="zx">
        <ion-item *ngFor="let l of infromList" (click)="infromDetail(l)">
          <p class="ltitle">{{l.title}}</p>
          <span>{{l.createTime | timeTrans}}</span>
          <ion-icon name="ios-arrow-forward" item-right></ion-icon>
        </ion-item>

      </div>

    </div>
  </div>
  <div class="ck" *ngIf="isPassenger">
    <p class="tit">
      <img src="assets/icon/home_notice.png">乘坐电梯须知</p>
    <p>一、电梯应文明操作，严禁使用硬物按动或拍打显示按钮，严禁随意按动警铃按钮。</p>
    <p>二、不得超载运行，当超载信号声响起时，最后上梯的乘客自觉逐一退出。</p>
    <p>三、儿童、行动不便的老人、残忍人，乘坐电梯须有成人陪同。</p>
    <p>四、电梯内禁止吸烟，吐痰、乱涂乱画。</p>
    <p>五、严禁使用电梯运载易燃、易爆等危险物品。</p>
    <p>六、不得装运超长，超重物品。</p>
    <p>七、乘客应在电梯停稳状态上下电梯，乘梯时不可将身体依靠电梯门。</p>
    <p>八、电梯在运行中突然发生故障，乘客应立即通过厢内警铃或紧急电话通知监控人员。切勿采取拍打按钮，厢体内以及强行撬门等行为，以免发生意外。</p>
    <p>九、电梯维修、保养时，严禁乘梯，以免发生意外。</p>
    <p>十、发生火灾时，请勿使用电梯，应从消防通道迅速离开。</p>
    <p>十一、电梯报警电话:{{config.emergencyPhone}}。</p>
  </div>
</ion-content>

<ion-footer *ngIf="partyType=='4' || partyType=='3' || (partyType=='1'&&roleId!='7')|| (partyType=='2'&&roleId!='5')">
  <img *ngIf="isBoss==false" src="assets/icon/home_scancode.png" class="scanstyle" (click)="doScan('')">
  <!--<button *ngIf="isBoss" ion-button block class="check" (click)="doCheck()">现场监督检查</button>-->
</ion-footer>